กลับบทเรียน

บทที่ 11 : การสร้างลิงค์



..:: วิธีการสร้างลิงค์จากข้อความ ::

VDO :: การสร้าง Link เพื่อเชื่อมโยงหน้าเว็บไซต์

Hyperlink (ไฮเปอร์ลิงค์) หรือที่เราเรียกกันสั้น ๆ ว่า “ลิงค์” (Link) คือการเชื่อมโยง ของเอกสารบนอินเตอร์เน็ต จากจุดหนึ่งไปยังอีกจุดหนึ่ง เราสามารถเชื่อมโยงจากจุดหนึ่งไปยังอีกจุดหนึ่งภายในเอกสารในหน้าเดียวกัน หรือเชื่อโยงไปยังเว็บไซต์ต่าง ๆ อาจจะมีเนื้อหารที่เกี่ยวข้องกันหรือไม่ก็ได้ การเชื่อมโยง เราจำต้องกำหนดต้นทางและปลายทางของการเชื่อมโยง เราสามารถใช้ ข้อความ, ภาพกราฟฟิก, เมนูแบบดร็อฟดาวน์ หรือแม้แต่พื้นที่บางส่วนของภาพกราฟฟิกนั้น เป็นต้นทางที่เชี่อมต่อ เว็บเพจ อีเมล์ ไฟล์ข้อมูลสำหรับดาวน์โหลด และไฟล์งานต่าง ๆ ก็จะเป็นปลายทาง การใช้งานการเชื่อมโยง นั้นจะต้องประกอบด้วย 2 ส่วนด้วยกัน คือ ต้นทาง และปลายทาง
เรามาดูวิธีทำกันดีกว่า ง่ายมากๆค่ะ
wink
wink

ลิงค์ (Link) หรือจุดเชื่อมโยงเว็บเพจ มีหลายรูปแบบดังนี้


external image 033-1.jpg การทำลิงค์แบบข้อความ

external image 034-1.jpg การทำลิงค์ไปยัง E-mail

external image 035-1.jpg การทำลิงคืไปยัง Named Anchor

external image 036-1.jpg การทำลิงค์แบบ Rollover Image

การทำลิงค์ใน Dreamweaver 8 ส่วนสำคัญจะอยุ่ตรงที่แถบ Properties ซึ่งจะมีอยู่ 2 ส่วนด้วยกัน ได้แก่
external image 037.jpg1.Link คือ แถบสำหรับเลือกไฟล?ที่ต้องการจะลิงค์ไปถึง
2.Target คือ แถบสำหรับเลือกรูปแบบของปลายทาง ซึ่งได้แก่
_blank คือ การแสดงเว็บเพจปลายทางในหน้าต่างใหม่
_parent คือ การแสดงเว็บเพจที่หน้าต่างเดี่ยว แต่อยู่ในเฟรมหลัก
_self คือ การแสดงเว็บเพจในเฟรมเดียวกับต้นทาง
_top คือการแสดงผลเว็บเพจ โดยจะไม่มีเฟรม


วิธีสร้างลิงค์จากข้อความ
1.พิมพ์ข้อความลงไป


2.ลากเม้าส์ทีบข้อความที่ต้องการ

3.คลิกที่ external image 042-1.jpg ในแถบ properties เพื่อเลือกไฟล์ที่จะลิงค์

4.เมื่อเลือกได้แล้ว ให้คลิกปุ่ม external image 051.jpg

5.ข้อความกลายเป็นลิงค์เรียบร้อยแล้ว

external image 038-1.jpg


external image 039-1.jpg


external image 040-1.jpg


external image 041-1.jpg

วิธีปรับแต่งลิงค์เพิ่มเติม
อ้างอิงจาก : http://school.obec.go.th/buabanwit/